<template>
  <u-parse
    class="u-content"
    :html="html"
    :preview="preview"
    :selectable="selectable"
    :lazy-load="lazyLoad"
    :tagStyle="tagStyle"
  ></u-parse>
</template>

<script lang="ts" setup>
  defineProps({
    html: { type: String, default: '' },
    preview: { type: Boolean, default: false },
    selectable: { type: Boolean, default: true },
    lazyLoad: { type: Boolean, default: true },
    tagStyle: {
      type: Object,
      default: {
        h1: 'padding:0 26rpx',
        h2: 'padding:0 26rpx',
        img: 'display:block',
        p: 'padding:0 26rpx',
      },
    },
  });
</script>

<style lang="scss">
  .u-content {
    color: #353535;
    line-height: 60rpx;
  }
</style>
